<template>
    <div class="header">
    {{seller.name}}
    {{msg}}
    <img :src=seller.avatar @click="showDetail">
    <!--弹出层-->
    <Detail></Detail>
    </div>
</template>
<script>
import {mapGetters} from 'vuex'
import Detail from "../detail/Detail.vue"
    export default {
        created(){
            this.$store.dispatch('getSeller');
        },
       
        computed:{
            ...mapGetters([
            'seller'
            ]),
            msg(){
                return 'welcome to itany';
            }
        },

        components:{
            Detail
        },

        methods:{
            showDetail(){
                this.$store.dispatch('showDetail');
            }
        }
    }
</script>
<style lang="less" scoped>  
   .header{
		height: 134px;
		background-color: rgba(7,17,27,0.1);
		font-size: 14px;
		img{
			width: 64px;
			height:64px;
			border-radius: 2px;
		}
	}
</style>